/*页头*/
.logo-hd { float: left; width: 180px; height: 80px; margin-right: 10px; font-size: 50px; color: #FF1D6B; line-height: 80px; text-align: center; cursor: pointer; transition: all .3s;}
.logo-hd:hover { color: #297dba; }
.nav-hd { float: left; max-width: 700px; height: 80px; }
.nav-hd > li { float: left; position: relative; }
.nav-hd > li > a { display: block; width: 80px; height: 30px; padding: 25px 0; font-size: 14px; color: #34495e; line-height: 30px; text-align: center; }
.nav-hd > li.on > a,
.nav-hd > li > a.on,
.nav-hd > li > a:hover { background-color: #eff3f5; }
.nav-hd .icon-down { margin-left: 3px; font-size: 12px; color: #b6c1c9; }
.nav-hd .icon-n { position: absolute; top: 18px; right: 15px; width: 10px; height: 10px; background-color: #FF1D6B; font-size: 16px; color: #fff; line-height: 10px; text-indent: -3px; border-radius: 3px; }
.subnav-ct-hd .icon-n2 { position: absolute; top: 5px; right: 8px; width: 10px; height: 10px; background-color: #FF1D6B; font-size: 16px; color: #fff; line-height: 10px; text-indent: -3px; border-radius: 3px; }
.nav-hd .new-hd { position: absolute; top: 18px; right: 15px; width: 10px; height: 10px; background: url("../../img/new.svg") no-repeat center center;}
.subnav-hd { display: none; z-index: 90; position: absolute; top: 80px; left: 0; width: 120px; }
.subnav-ct-hd { float: left; min-width: 80px; box-shadow: 0px 1px 2px rgba(0,0,0,.1); transition: all .2s;}
.subnav-ct-hd > li { }
.subnav-ct-hd > li > a { display: block; height: 40px; padding: 0 15px; font-size: 14px; color: #7a8e9d; line-height: 40px; background-color: #eff3f5; position: relative;}
.subnav-ct-hd > li.on > a,
.subnav-ct-hd > li > a:hover { font-size: 14px; color: #FF1D6B; font-weight: bold; background-color: #fff; }

.quick-hd { background-color: #fff; }
.quick-hd,
.quick-hd > .quick-item { float: left; position: relative; }
.quick-hd > .quick-item > a { position: relative; display: block; width: 60px; height: 30px; padding: 21px 0 25px; border-top: 4px solid transparent; text-align: center; }
.quick-hd > .quick-item > a > i { color: #ced7de; text-align: center; line-height: 30px; }
.quick-hd > .quick-item > a .icon-upload { font-size: 27px; }
.quick-hd > .quick-item > a .icon-bell { font-size: 22px; }
.quick-hd > .quick-item > a .avatar { width: 30px; height: 30px; border-radius: 50%; margin: 0 auto; }
.quick-hd > .quick-item > a .tip { position: absolute; left: 0; bottom: 8px; width: 60px; font-size: 14px; color: #ced7de; }
.quick-hd > .quick-item.on > a { border-color: #FF1D6B; background-color: #eff3f5; }
.quick-hd > .quick-item > a.new .tip,
.quick-hd > .quick-item > a.new > i,
.quick-hd > .quick-item > a.on > i { color: #FF1D6B; }

.quick-list { display: none; z-index: 90; position: absolute; top: 80px; right: 0; box-shadow: 0px 1px 2px rgba(0,0,0,.1); }
.quick-list li { float: left; }
.quick-list li a { display: block; width: 130px; height: 40px; font-size: 14px; color: #7a8e9d; line-height: 40px; text-indent: 25px; background-color: #eff3f5; }
.quick-list li a i { margin-right: 6px; font-size: 18px; color: #647587; }
.quick-list li a:hover { font-size: 14px; color: #FF1D6B; font-weight: bold; background-color: #fff; }
.quick-list li a:hover i {}

/*动态*/
.quick-tab { display: none; z-index: 90; position: absolute; top: 80px; right: 0; box-shadow: 0px 1px 2px rgba(0,0,0,.1); width: 280px; overflow: hidden; }
.quick-tab .tab-bar { height: 30px; padding: 10px 14px; background-color: #eff3f5;}
.quick-tab .tab-bar li { position: relative; float: left; width: 30px; height: 30px; margin: 0 6px; }
.quick-tab .tab-bar li a { display: block; transition: all 0s ease;}
.quick-tab .tab-bar li a i { display: block; font-size: 16px; color: #2c3e50; line-height: 30px; text-align: center; }
.quick-tab .tab-bar li a .sup { position: absolute; top: -8px; left: 15px; padding: 0 5px; font-size: 12px; color: #fff; background-color: #e67e22; border-radius: 20px; }
.quick-tab .tab-bar li a:hover i { color: #FF1D6B; }
.quick-tab .tab-bar li.on a { background-color: #2c3e50; border-radius: 50%; }
.quick-tab .tab-bar li.on a i { color: #fff; }
.quick-tab .tab-wrap { background-color: #fff; }
.quick-tab .tab-wrap .tab-cont .tab-info { position: relative; display: block; padding: 10px 25px; font-size: 12px; color: #2c3e50; line-height: 22px; }
.quick-tab .tab-wrap .tab-cont .tab-info a,
.quick-tab .tab-wrap .tab-cont .tab-info span { font-weight: bold; }
.quick-tab .tab-wrap .tab-cont .tab-info time { display: block; color: #bdc3c7; }
.quick-tab .tab-wrap .tab-cont .tab-info em { position: absolute; top: 32px; right: 25px; }
.quick-tab .tab-wrap .tab-cont .tab-info em a { font-size: 12px; color: #FF1D6B; font-weight: bold; }
.quick-tab .tab-wrap .tab-cont .tab-info-more { width: 280px; height: 50px; font-size: 12px; color: #2c3e50; font-weight: bold; line-height: 50px; text-align: center; }
.quick-tab .tab-wrap .tab-cont .tab-info-none { width: 280px; height: 50px; font-size: 12px; color: #bdc3c7; line-height: 50px; text-align: center; }
.quick-tab .tab-wrap .tab-cont .tab-info:hover { background-color: #eff3f5; }

/*搜索*/
.search-hd { position: relative; float: left; width: 50px; height: 80px; border-left: 1px solid #ecf0f1; transition: width .2s;}
.search-filter { position: relative; float: left; width: 100px; height: 80px; }
.search-filter:before { content: ""; position: absolute; top: 33px; right: 0; height: 14px; width: 1px; background-color: #f2f3f4; }
.search-filter > a { display: block; height: 40px; margin: 20px 0; padding-left: 20px; font-size: 14px; color: #34495e; line-height: 40px; }
.search-filter > a .icon-down { margin-left: 3px; font-size: 12px; color: #b6c1c9; }
.search-select { position: absolute; left: 100px; float: left; width: 26px; height: 80px; transition: width .2s;}
.search-select .search-val { float: left; width: 0; border-color: transparent; height: 22px; margin: 20px 0; padding: 8px 12px; font-size: 14px; color: #34495e; line-height: 22px; transition: width .2s; -webkit-box-sizing: content-box; box-sizing: content-box;}
.search-select .search-val:focus { box-shadow: none; }

.search-hd .search-hd-btn { position: absolute; right: 0; z-index: 1; float: left; width: 49px; height: 80px; padding: 0; background-color: #fff; border-right: 1px solid #ecf0f1; opacity: 1; }
.search-hd .search-hd-btn .icon-search { display: block; font-size: 24px; color: #d4dce2; line-height: 80px; text-align: center; transition: color .2s; }

.search-hd .options { display: none; z-index: 90; position: absolute; top: 80px; left: 0; width: 100%; background-color: #fff; box-shadow: 0px 1px 2px rgba(0,0,0,.1); }
.search-hd .options li { height: 44px; line-height: 44px; }
.search-hd .options li a { display: block; padding: 0 12px 0 20px; font-size: 14px; color: #34495e; }
.search-hd .options li.on a,
.search-hd .options li a:hover { background-color: #ecf0f1; }

/*搜索打开*/
.search-hd .search-status { position: absolute; left: 0; visibility: hidden; opacity: 0; transition: opacity .5s;}
.search-hd.on { width: 320px; }
.search-hd.on .search-status { visibility: visible; opacity: 1; }
.search-hd.on .search-select { width: 170px; }
.search-hd.on .search-select .search-val { width: 144px; }
.search-hd.on .search-hd-btn .icon-search,
.search-hd .search-hd-btn .icon-search:hover { color: #FF1D6B; }

/*登陆*/
.login-hd { float: left; width: 80px; height: 80px; position: relative; z-index: 10; background-color: #fff; }
.login-hd a { display: block; margin-left: 20px; width: 60px; height: 76px; border-top: 4px solid transparent; font-size: 14px; color: #FF1D6B; line-height: 76px; text-align: center; cursor: pointer; }
.login-hd a:hover { border-top-color: #FF1D6B; background-color: #eff3f5;}
.login-hd a i { font-size: 18px; color: #FF1D6B; }